body {
	
	background-color:#FFFFFF;
}
#container
{
	position: relative;
	width: 100%;
	min-height:100%;
    padding: 0 0 0 0;
    margin-top: -7px;
    margin-bottom: -7px;
}
#header {
	/*background-color: activecaption;*/
	position: relative;

	width: 100%;

	margin-left:auto;
	margin-right:auto;
	height:195px;
    
	background-image: url('images/banner_bg.jpg');
	background-repeat: repeat-x;
}
#header h1 {
	font-size:large;
	font-weight: bold;
	font-style: italic;
	color:red;
	position: relative;
	width: 25%;
	float: left;
	height: 100px;
	margin-left: 40px;
	margin-top:0px;
}
#logo_header
{
    /*width: 80%;
    height: 20px;*/
    margin-top: 30px;
}
#banner {
	/*padding: 5px;*/
	float: right;
	position: relative;
	/*width: 65%;
	height: 100px;*/
}
/*

#menu {

    position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border :1px solid red;	
	padding: 0px;
	float: left;
}

#menu li a{
	display :block;
	color: red;
	font-weight :bold;
	text-decoration : none;
	padding : .1em 8px;
    font-size: 16px;   
	
}
#menu ul{
	float : left;
	padding : 0px;
	list-style: none;
}

#menu li{
	float : left;
	position: relative;
        padding: 0px;
}

#menu li a:hover{
	color: red;
	background: blue;
}

#menu li ul{
	position: absolute;
	display: none;
}

#menu li:hover ul{
	display: block;
}

#menu ul li ul li{
	border: 1px solid blue;
	width :100%;
        background: yellow;
        color: blue;
}
*/


#hello
{
    background-color:#16599d;
   
    font-size: small;

    width: 100%;

    margin-left: auto;
    margin-right: auto;
    color:#fff;
    text-align: right;
    clear: both;
}
.pagination{
    font:11px Tahoma, Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
    color:#3d3d3d;
    margin-top: 5px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:3px;
    width:100%;
}
.pagination a, .pagination strong{
    list-style-type: none;
    display: inline;
    padding: 5px 8px;
    text-decoration: none;
    background-color: inherit;
    color: #EC7117;
    font-weight: bold;
}
.pagination strong{
    color: #0767E0;
	background-position: top center;
	background-repeat: no-repeat;
	text-decoration: none;
	border: 1px solid #A5BDE2;
}
.pagination a:hover{
    color: #ffffff;
    background-color:#0767E0;
    background-position: top center;
    background-repeat: no-repeat;
    text-decoration: none;
}
#content {
	background-color: activecaption;
	border-top-color: #FFFFFF;	
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	border-color:#ffffff;
	border-style:solid;
	color:#333333; 
    font-family:Verdana, Geneva, sans-serif;
    font-size :small;
	border-width:1px;
    height:auto;
    clear :both;

}
#left_content
{
    width: 15%;
    /*max-width: 250px;*/
    float: left;
    height:100%;
    background-color: #ffffff;
}
#search
{
    width: 100%;
    border-top: 8px solid #ffffff;
    background-color:#DDD;
}
#mailbox
{
	width:100%;
	height:120px;
	border-top: 0px;
	margin-top:0;
	background-color:#DDD;
}
#mailtd
{
	padding-left:10px;
}
.row{
    background-color:#16599D;
    color: #ffffff;
    font-size: 16px;
}
.row11
{
    color:black;
    width: 100px;
    text-align: left;
}
.row21{
    color:red;
    width: 200px;
    text-align: right;
}
.row2{
    color:blue;
}
#right_content
{
    margin-top: 10px;
    width: 85%;
    float: left;
    height: auto;

}
#submit
{
        background-color: #FF9900;
	border: 1px solid #0000FF;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
	width: 79px;	
}
#submit:hover
{
        border-color: #FF0000;
	background-color:green;
}
.bar
{
    /*background-color:yellowgreen;
    color: red;*/
    font-size: large !important;
    text-align: center;    
}
.tablebg
{
    border-color: #99FFCC;
    border-style: solid;
    border-width: 1px;
}
.row_space
{
    background-color: seashell;
    height:50px;
}
.row_space1
{
    background-color: seashell;
    height:30px;
}
.row_space2
{
    background-color: seashell;
    height:30px;
}
.row_space3
{
    background-color: seashell;
    height:15px;
}
.tablebg{
    font-size: small;    
    border-width: 0px;
    border-style: solid;
    left:0px;
    margin: 0px;
    width:100%;
    
    
    
}


#training th
{
	width: 15px;
	padding-right : 0px;
}
#abc
{
	color:red;
	font-size: small;
}



.work{
    width: 100px;
}
.shu
{
    width: 90px;
}
textarea{
    width: 250px;
    border-color:#fcf8d8;
    background-color:#edf3f2;
    color: red;
}
#searchbox
{
    width: 290px;
}
#searchbox1
{
    width: 200px;
}

#total
{
    color: red;
    background-color: blue;
}
.form
{
    margin-top: 10px;
    width: 250px;
    color: red;
    background-color: white;
}
#searchkey
{
    margin-top: 5px;
    margin-bottom: 20px;
    height: 30px;
    background-color:#fff;
    text-align: right;
    position: relative;
    float: right;
}
#please
{
    color:red;
    
}
.roles{
    margin-top: 100px;
}
.textrole
{
    
    font-size: 30px;
    color: blue;
}

#logo
{
    background-color:#464a49;
    height: 20px;
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
}
p{
    margin-top: 10px;  
    font-size: 14px;
}
.row10
{
    background-color:#e2f0ef
}
.row12{
    padding-top: 5px;
    background-color:#fde7e7
}
.row14{
    padding-top: 5px;
    background-color:#e7fdfb
}
.mail{
    text-decoration: none;
    font-size: 15px;
    color: blue;
}

#footer{
	/*
	background: #222;
		border-top: 5px solid #333;
		color: #ccc;
		font-weight: bold;
		height: 50px;
		line-height: 50px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;*/
	width: 100%;
	background: #222;
	color: #ccc;
	line-height: 50px;
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 50px;
	text-align: center;
	clear:both;
}

.stretchedToMargin {
    display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    /*
    margin-top:20px;
        margin-bottom:20px;
        margin-right:80px;
        margin-left:80px;
        background-color: green;*/
    
}

td {font-size:13px}
th { font-size: 14px; }

/* ------------------
 styling for the tables 
   ------------------   */


body
{
	line-height: 1.6em;
}

#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}


#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}


#ver-minimalist
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-minimalist th
{
	padding: 8px 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}
#ver-minimalist td
{
	padding: 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 13px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px;
}
#box-table-a th
{
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	background: #b9c9fe;
	border-top: 10px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	font-size: 13.5px;
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}


#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}


#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}


#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}


#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
}
#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 10px 20px;
	color: #669;
	border-right: 1px dashed #6cf;
}


#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}


#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/blurry.jpg') 330px 59px no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url('table-images/back.png');
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}


#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}


#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/pattern.png');
}
#pattern-style-a thead tr
{
	background: url('table-images/pattern-head.png');
}
#pattern-style-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}


#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/patternb.png');
}
#pattern-style-b thead tr
{
	background: url('table-images/patternb-head.png');
}
#pattern-style-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}
